var app=new Vue({
    el:"#contentt",
    data:{
        
            splist:[],
            tabledao:[],
            sum:0,
            spjl:[]

    },
   async created(){
      /**
       * 从数据库的数据拿数据方法  三种
       */
      //传值方法三 axios
      this.splist=(await axios.post('http://127.0.0.1:8080//canyin/allsp')).data
      console.log(this.splist);
          //传值方法一 ajax
        // var app=this
        // $.ajax({
        //     url:"http://127.0.0.1:8080//canyin/allsp",
           
        //        // success:function(response){
                
        //     //     app.splist=response
        //     // },
        //     dataType:"json",
        //     success:(req)=>{
        //         this.splist=req
        //     },
            
        // })
        
        //传值方法二 axios
        // axios.post('http://127.0.0.1:8080//canyin/allsp').then((res)=>{
        //     this.splist=res
        //     console.log(res);
        //     if(res.status==200){
        //         this.splist=res.data
        //     }
        // })

     
    },
    methods: {
      /**
       * 
       * @param {*} item 
       * @returns 
       * 从热门商品点击菜单跳到收银那个表中
       */
      add(item){
        console.log(11);
        for(let i=0;i<this.tabledao.length;i++){
          console.log(this.tabledao[i].id)
          if (item.id==this.tabledao[i].id) {
            this.tabledao[i].num++
            return
          }
        }
        let data={id:item.id,name:item.name,price:item.price,img:item.img,num:1}
        this.tabledao.push(data)
      },
      //方法一  删除功能
      // del(){
      //   let data={num:1}
      //   this.tabledao.pop(data)
      // }
      //方法二  删除功能
      del(sp){
        //从数据里删除元素
        var j=0
        var i=-1
        this.tabledao.forEach(function(imte){
          if (sp.id==imte.id) {
            i=j
          }
          j++
        })
        this.tabledao.splice(i,1)
      },
      //清空账单的按钮功能
      clear(){
        this.tabledao=[]  
      },
      //结账的按钮功能
      jz(){
        axios.post('http://127.0.0.1:8080//canyin/addspjl',{
          data: {
            spjl:[
              {id:this.tabledao.id},
              {name:this.tabledao.name},
              {img:this.tabledao.img},
              {price:this.tabledao.price},
              {count:this.tabledao.num}
            ]    
          },
        
        }).then((res)=>{
              this.spjl=res
              console.log(res);
              if(res.status==200){
                  this.spjl=res.data
              }
          })
   
     
      }
    },
    computed:{ //计算
      //金额方法
    money(){
      var sum=0
      this.tabledao.forEach((sp)=>{
        sum+=sp.num*sp.price
      })
      return sum
     },
     //数量方法
     number(){
      var sum=0
      this.tabledao.forEach((sp)=>{
        sum+=sp.num
      })
      return sum
     }
    }

})